<script>
export default {
  name: "footerCom"
}
</script>

<template>
  <footer>
    <div>
      <div class="Connect">友情链接：</div>
      <ul>
        <li>天亮教育</li>
        <li>星云大数据平台</li>
        <li>教学管理云平台</li>
        <li>尚云科技</li>
        <li>天亮公开课资源</li>
      </ul>
      <div class="Copyright">
        Copyright © 2017-2025
        石家庄天亮教育科技有限公司备案号:冀ICP备17020003号
      </div>
    </div>
  </footer>
</template>

<style scoped lang="less">
footer {
  background-color: #0f141a;
  padding: 20px 0;
  div{
    width: 1160px;
    margin: 0 auto;
    .Connect {
      width: 51%;
      margin: 16px auto;
      font-size: 22px;
      color: #fff;
    }
    ul {
      display: flex;
      width: 596px;
      margin: auto;
      height: 40px;
      list-style: none;
      li {
        font-size: 14px;
        margin-right: 30px;
        color: #999;
        &:hover {
          cursor: pointer;
          color: #1da57a;
        }
      }
    }
    .Copyright {
      width: 1000px;
      margin: 10px auto;
      color: #777878;
      text-align: center;
      border-top: 2px solid rgb(84, 84, 84);
      padding-top: 5px;
      font-size: 14px;
    }
  }
}

</style>